<template>
  <div class="divRoot">
    <div style="color:#fff; height: 300px">
    <TyContainer column>
      <TyHeader height="50" style="background-color: #409eff"> TyHeader </TyHeader>
      <TyContainer>
        <TyAside wdith="300" style="background-color: #a0cfff"> TyAside </TyAside>
        <TyMain style="background-color: #c6e2ff"> TyMain </TyMain>
      </TyContainer>
      <TyFooter height="50" style="background-color: #409eff">TyFooter</TyFooter>
    </TyContainer>
    <hr>
    <div style="color:#fff; height: 300px">
    <TyContainer>
      <TyAside wdith="300" style="background-color: #a0cfff"> TyAside </TyAside>

      <TyContainer column>
        <TyHeader height="50" style="background-color: #409eff"> TyHeader </TyHeader>
        <TyMain style="background-color: #c6e2ff"> TyMain </TyMain>
        <TyFooter height="50" style="background-color: #409eff"
          >TyFooter</TyFooter>
      </TyContainer>
    </TyContainer>
  </div>
  <hr>
  <div style="color:#fff; height: 300px">
    <TyContainer column>
      <TyHeader height="50" style="background-color: #409eff"> TyHeader </TyHeader>
      <TyContainer>
        <TyMain style="background-color: #c6e2ff"> TyMain </TyMain>
        <TyAside wdith="300" style="background-color: #a0cfff"> TyAside </TyAside>
      </TyContainer>
      <TyFooter height="50" style="background-color: #409eff">TyFooter</TyFooter>
    </TyContainer>
  </div>

  <hr>
  <div style="color:#fff; height: 300px">
    <TyContainer column>
      <TyHeader height="50" style="background-color: #409eff"> TyHeader </TyHeader>
      <TyMain style="background-color: #c6e2ff"> TyMain </TyMain>
      <TyFooter height="50" style="background-color: #409eff">TyFooter</TyFooter>
    </TyContainer>
  </div>
  <hr>
  
  </div>
  </div>
</template>
<script setup>
</script>
<style lang="less" scoped>
</style>
